<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>公司基本信息</title>
    <link rel="icon" type="image/png" href="/img/icon.png">
    <script type="text/javascript" src="/h5/newall/newall.js"></script>
    <link rel="stylesheet" type="text/css" href="/h5/newall/newall.css">
</head>

<div class="mui-content-padded H5body basedata">
    <div class="topmsg">
        <p class="msgtext">注册填写/上传的信息越全面，客户信任度越高</p>
    </div>
    <MCform id="Form" fromapi="/api/app/call/getusers_zhengjianshangchuan_gc"
            class="mctag">
        <MCtitle class="mctag">证件上传</MCtitle>
        <div class="content">
            <h2 class="title">法人证件</h2>
            <ul class="basephotoUl">
                <li class="li">
                    <p class="ti">形象照</p>
                    <div class="conli clearfix">
                        <div mcname="xingxiangzhao" class="photodiv" v-bind:class="{ on: xingxiangzhao }" >
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="xingxiangzhao" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">身份证正面照<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="shenfenzhengzhengmian" v-bind:class="{ on: shenfenzhengzhengmian }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="shenfenzhengzhengmian" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">身份证反面照<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="shenfenzhengfanmian" v-bind:class="{ on: shenfenzhengfanmian }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="shenfenzhengfanmian" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">奖状照<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="jiangzhuang" v-bind:class="{ on: jiangzhuang }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="jiangzhuang" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">结婚证<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="jiehunzheng" v-bind:class="{ on: jiehunzheng }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="jiehunzheng" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <h2 class="title">工厂证件</h2>
                <li class="li">
                    <p class="ti">驾驶证<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="jiashizheng" v-bind:class="{ on: jiashizheng }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="jiashizheng" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">组织结构代码照<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="zuzhijiegoudaimazhao" v-bind:class="{ on: zuzhijiegoudaimazhao }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="zuzhijiegoudaimazhao" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">营业执照<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="yingyezhizhao" v-bind:class="{ on: yingyezhizhao }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="yingyezhizhao" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">税务登记证<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="shuiwudengjizheng" v-bind:class="{ on: shuiwudengjizheng }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="shuiwudengjizheng" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">租赁合同照<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="zulinhetongzhao" v-bind:class="{ on: zulinhetongzhao }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="zulinhetongzhao" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">各类许可证<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="geleixukezheng" v-bind:class="{ on: geleixukezheng }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="geleixukezheng" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">各类荣誉<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="geleirongyu" v-bind:class="{ on: geleirongyu }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="geleirongyu" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>
                <li class="li">
                    <p class="ti">房产证<span class="red">*</span></p>
                    <div class="conli clearfix">
                        <div mcname="fangchanzheng" v-bind:class="{ on: fangchanzheng }" class="photodiv">
                            <input type="file">
                            <i class="cameraIco"></i>
                            <p class="p">请上传/拍摄</p>
                            <img :src="fangchanzheng" class="pic"/>
                        </div>
                        <p class="desc">拍摄时确保照片<span>边框完整,字体清晰,亮度均匀</span></p>
                    </div>
                </li>

            </ul>
        </div>

    </MCform>
</div>

<script type="text/javascript" src="/h5/js/all2.js"></script>
</body>
<style>


</style>
<script>
    var view = new MC.View.MCform('#Form');
     $('.basephotoUl .photodiv').on('click',function(e){
        var li=$(e.currentTarget).find('[type=file]');
        li[0].click();
    });
    MC.API.bindFileUp($(".basephotoUl .li [type=file]"), (src,sel,obj) => {
        var par=$(obj).parent();
        par.addClass('on');
        var field=par.attr('mcname');
        MC.apiD('setusers_zhengjianshangchuan_gc',{
            'field':field,
            'src':src
        },function(){
            view.vue[field]=src;
        });
    });
</script>
</body>
</html>